.app-sportTraining {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;

  .sportTraning-main {
    flex: 1;
    padding: 15px;
    overflow-y: scroll;
    .latest {
      h5 {
        font-weight: normal;
      }
      .part {
        margin-top: 10px;
        border-radius: 15px;
        box-shadow: 0px 0px 8px 0px #9a9a9a;
        img {
          width: 100%;
          height: 150px;
          object-fit: cover;
          border-radius: 15px 15px 0 0;
        }
        .introduce {
          height: 80px;
          padding: 5px 15px;
         
          .content {
            padding-top: 5px;
            color: #9a9a9a;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
          }
        }
      }
    }
    .course {
      margin-top: 20px;
      padding-bottom: 70px;
      h5 {
        font-weight: normal;
      }
      .part {
        box-shadow: 0px 0px 5px 0px #9a9a9a;
        border-radius: 15px;
        margin: 10px 0;
        height: 140px;
        width: 100%;
        position: relative;
        overflow: hidden;
        // background: url("../imgs/part4.png") no-repeat center bottom;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .tip{
            position: absolute;
            left: 15px;
            bottom: 20px;
            .text {
                line-height: 32px;
              }
        }
        
      }
    }
  }
}
